* {
  margin: 0;
  padding: 0;
}
.content {
  width: 100%;
}
.content .warp-box {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background: url('../../../../assets/images/car_luckdraw/bg.jpg');
}
.content .warp-box .top-title {
  width: 872px;
  height: 156px;
  line-height: 156px;
  text-align: center;
  margin: auto;
  padding-top: 40px;
  margin-bottom: 50px;
}
.content .warp-box .top-title img {
  position: absolute;
  top: 46px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 872px;
  height: 156px;
}
.content .warp-box .top-title span {
  position: absolute;
  z-index: 100;
  line-height: 125px;
  left: 50%;
  transform: translate(-50%, 0%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 48px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #A9131A;
  text-align: center;
}
.content .warp-box .main {
  width: 89.79%;
  height: 79%;
  margin: auto;
}
.content .warp-box .main img {
  position: absolute;
  width: 89.79%;
  height: 79%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.content .warp-box .item-box {
  position: absolute;
  width: 86%;
  display: flex;
  margin: auto;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 200;
}
.content .warp-box .item-box .sidebar_a {
  width: 28%;
  height: auto;
}
.content .warp-box .item-box .sidebar_a .title {
  width: 153px;
  height: 50px;
  display: block;
  margin: 78px auto 10px auto;
  font-size: 42px;
  line-height: 50px;
  text-align: center;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #A9131A;
}
.content .warp-box .item-box .sidebar_a .switch-item {
  width: 299px;
  height: 266px;
  margin: auto;
}
.content .warp-box .item-box .sidebar_a .switch-item img {
  width: 190px;
  height: 166px;
  border-radius: 50%;
}
.content .warp-box .item-box .scroll-box {
  width: 70%;
  height: 40rem;
  margin: auto;
  overflow: hidden;
}
.content .warp-box .item-box .scroll-box .ul-scoll ul li {
  list-style: none;
  width: 320px;
  height: 10vh;
  line-height: 10vh;
  font-family: SimSun, serif;
  font-size: 5vh;
  font-weight: 700;
  color: #ffff00;
  float: left;
  padding: 0 20px;
}
.content .warp-box .buttons {
  position: fixed;
  bottom: 3vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 40vw;
  min-width: 15vw;
  /* 固定定位，脱离文档流 */
  /*height: 44px;*/
}
.content .warp-box .buttons .draw_prize,
.content .warp-box .buttons .see button {
  margin: 0 auto;
  width: 24.44vh;
  height: 5.74vh;
  background: #f9f4f208;
  border-radius: 0.74vh;
  font-size: 2.315vh;
  border: 0.0926vh solid #fff;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
